<template>
    <div class="commodity-contents clearfix">
        <div class="neiR">
            <div class="xuzhi clearfix">
                <p>购买须知</p>
                <div>
                    <ul>
                        <li>有效期</li>
                        <li>使用期间</li>
                        <li>服务成您</li>
                    </ul>
                    <ul>
                        <li>二个月（自支付定金之日起）</li>
                        <li>医院正常营业时间皆可使用</li>
                        <li>未使用随时退款</li>
                    </ul>
                </div>
            </div>
            <div class="tixing clearfix">
               {{notice}}
            </div>
        </div>

        <div class="liucheng">
            <div>
                <p><span>预约流程</span></p>
                <img src="../../../assets/commodity/liucheng.png" alt="">
            </div>
            <div>
                <p><span>预约说明</span></p>
                <p>1.分公司该罚的个的风格豆腐干的风格豆腐干好地方很反感</p>
                <p>2.分公司该罚的个的风格豆腐干的风格豆腐干好地方很反感</p>
                <p>3.分公司该罚的个的风格豆腐干的风格豆腐干好地方很反感</p>
                <span>查看退看售后说明>></span>
            </div>


        </div>
    </div>
</template>

<script>
    export default {
        name: "CommodityContents",
        props:['notice']
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
    .commodity-contents{
        .neiR{
            border: 1px solid #e0e0e0 ;
            border-top: none;
            padding: 5px;
            .xuzhi{
                /*width: 923px;*/
                height: 135px;
                background-color: #fffcf3;
                border: solid 1px #fff0c2;
                padding:20px;
                >:first-child{
                    border-bottom:1px dashed #cccccc ;
                    padding-bottom: 10px;
                    font-size: 14px;
                    color: #666666;
                }
                div{
                    >:first-child{
                        width: 80px;
                        border-right: 1px solid #fff0c2;
                        padding-right: 20px;
                    }
                    >:last-child{
                        padding-left: 20px;
                    }
                    ul{

                        color: #666666;
                        font-size: 14px;
                        float: left;
                        li{
                            padding-top: 4px;
                        }
                    }
                }

            }
            .tixing{
                padding: 20px;
                font-size: 14px;
                >:first-child{
                    color: #fd5528;
                }
                p{
                    color: green;
                    padding-bottom: 5px;
                }
                img{
                    width: 100%;
                    margin-bottom: 5px;
                }
            }
        }
        .liucheng{
            div{
                >:first-child{
                    border-bottom: 1px solid #cccccc;
                    color: @theme-color-dark;
                    font-size: 16px;
                    padding-top: 10px;
                    margin-bottom: 10px;
                    padding-bottom: 0;
                    span{
                        border-bottom: 2px solid @theme-color-dark;
                        padding-bottom: 4px;
                        padding-left: 5px;
                    }
                }
                p{
                    font-size: 12px;
                    color: #666666;
                    padding-bottom: 8px;
                }
                >span{
                    color: @theme-color-dark;
                    font-size: 14px;
                    margin-top: 30px;
                    margin-bottom: 50px;
                    display: block;
                }
            }

        }


    }

</style>